﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Admin_Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>网非情商-后台管理系统</title>

    <script src="../css/assets/js/jquery-1.10.2.min.js"></script>
    <script src="../css/assets/js/ace-extra.min.js"></script>
    <script src="../css/assets/js/bootstrap.min.js"></script>
    <script src="../css/assets/js/ace.min.js"></script>

    <link href="../css/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../css/assets/css/ace.min.css" rel="stylesheet" />
    <link href="../css/admin.css" rel="stylesheet" />
    <script src="Js/layer/layer.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="navbar navbar-default" id="navbar">
            <script type="text/javascript">
                try { ace.settings.check('navbar', 'fixed') } catch (e) { }
            </script>
            <div class="navbar-container" id="navbar-container">
                <div class="navbar-header pull-left">
                    <a href="#" class="navbar-brand" style="font-size: 16px;">
                        <img src="../img/xzl.png" width="25" height="25" />
                        网非情商-后台管理系统
                    </a>
                </div>
                <div class="navbar-header pull-right" role="navigation">
                    <ul class="nav ace-nav">
                        <li class="light-blue">
                            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <i class="icon-user"></i>
                                <asp:Label runat="server" ID="lblNickName"></asp:Label>
                                <i class="icon-caret-down"></i>
                            </a>
                            <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                              <li>
                                    <a style="cursor: pointer" href="User/UserPwd.aspx" target="frameContent">

                                        <i class="icon-cog"></i>
                                        修改密码
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="LogOut.aspx">
                                        <i class="icon-off"></i>
                                        退出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="main-container" id="main-container">
            <script type="text/javascript">
                try { ace.settings.check('main-container', 'fixed') } catch (e) { }
            </script>
            <div class="main-container-inner">
                <a class="menu-toggler" id="menu-toggler" href="#">
                    <span class="menu-text"></span>
                </a>
                <!--div 左侧导航--->
                <div class="sidebar" id="sidebar">
                    <script type="text/javascript">
                        try { ace.settings.check('sidebar', 'fixed') } catch (e) { }
                    </script>

                    <!--UL 左侧导航树型结构--->
                    <ul class="nav nav-list">
                        <asp:Literal runat="server" ID="litMenuList"></asp:Literal>
                    </ul>

                    <!--div 左侧导航收缩按钮--->
                    <div class="sidebar-collapse" id="sidebar-collapse">
                        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
                    </div>
                    <script type="text/javascript">
                        try { ace.settings.check('sidebar', 'collapsed') } catch (e) { }
                    </script>
                </div>
                <!--div 右侧主体--->
                <div class="main-content">
                    <!--div 顶部导航栏--->
                    <div class="breadcrumbs" id="breadcrumbs">
                        <script type="text/javascript">
                            try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
                        </script>
                        <!--ul 顶部导航--->
                        <ul class="breadcrumb" style="font-size: 14px; font-weight: bold;">
                            <li>
                                <i class="icon-home home-icon"></i>
                                <a href="index.aspx">首页</a>
                            </li>
                            <li class="active" id="lblNav1" style="display: none"><a target="frameContent" href=""></a></li>
                            <li class="active" id="lblNav2" style="display: none"><a target="frameContent" href=""></a></li>
                        </ul>
                        <!--div 搜索框--->
                        <div class="nav-search" id="nav-search">
                            <div class="form-search">
                                <span class="input-icon">
                          <!--<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                        <i class="icon-search nav-search-icon"></i>-->
                                </span>
                            </div>
                        </div>
                    </div>
                    <!--div 内容Iframe--->
                    <div>
                        <iframe runat="server" class="frameContent" id="frameContent" name="frameContent"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>


<script type="text/javascript">
    SetHeight();

    //初始化Iframe高度
    function SetHeight() {
        var winHeight = $(window).height();
        $("#frameContent").height(winHeight - 90);
    }

    //点击一级菜单, 导航栏文字更新
    $(".dropdown-toggle").click(function () {
        $("#lblNav1 a").html($(this).text());
        $("#lblNav1 a").attr("href", $(this).attr("href"))
        $("#lblNav1").show();
        $("#lblNav2").hide();
        SetHeight();
    })
    //点击二级菜单
    $(".liNav").click(function () {
        $("#lblNav2 a").html($(this).text());
        $("#lblNav2 a").attr("href", $(this).find('a').attr("href"));
        $("#lblNav2").show();
        $("#sidebar").removeClass("display");
        SetHeight();
    })

    //弹出框
    function ShowModal(pageLink,title) {
        layer.open({
            type: 2,
            title:title,
            content: pageLink,
            area: ['80%', '90%'],
            offset: '5%',
            closeBtn: 2,
            shade: [0.3, 'black'], //默认是0.3透明度的黑色背景（'#000'）如果你不想显示遮罩，可以shade: 0
            shadeClose: true,
            shift: 2, //动画，默认0，  0-6
        });
    }
</script>

